<div class="wb-controller"
     cdkDrag
     cdkDragBoundary="#whiteboard-zone"

     (cdkDragStarted)="dragStarted($event)"
     (cdkDragEnded)="dragEnded($event)"
     (cdkDragMoved)="dragMoved($event)"
>
  <ul class="controller">
    <li *ngFor="let item of items"  class="ctr-item-box"
    [ngClass]="{show: item.isShow}"
    >
      <div [class]="item.type" class="ctr-item"
           [ngClass]="{active: item.isActived, 'Normal': item.clickMode == 'Normal' }"
            (click)="onSelectItem(item)"
            >
        <a [title]="item.name"> </a>
      </div>
    </li>
  </ul>
</div>
